import './index.scss'
import { Swiper } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import { Button } from 'antd'

function Home2() {
    const navigate = useNavigate()
    return (
        // 轮播图容器
        <div className='lbrq'>
            {/* 轮播图图片容器 */}
            <Swiper className='yd'>
                <Swiper.Item >
                    <div>
                        <div className='tp'>
                            <img src="../../../public/1.png" alt="" />
                        </div>
                        <div className='wz'>
                            <span>丰富的健康知识</span>
                        </div>
                    </div>
                </Swiper.Item>
                <Swiper.Item>
                    <div>
                        <div className='tp'>
                            <img src="../../../public/2.png" alt="" />
                        </div>
                        <div className='wz'>
                            <span>专业的在线问诊</span>
                        </div>

                    </div>
                </Swiper.Item>
                <Swiper.Item>
                    <div>
                        <div className='tp'>
                            <img src="../../../public/3.png" alt="" />
                        </div>
                        <div className='wz'>
                            <span>丰富的健康知识</span>
                        </div>
                    </div>
                </Swiper.Item>
                <Swiper.Item>
                    <div>
                        <div className='tp'>
                            <img src="../../../public/4.png" alt="" />
                        </div>
                        <div className='wz'>
                            <span>专业的在线问诊</span>
                        </div>
                    </div>
                </Swiper.Item>
                <Swiper.Item>
                    <div>
                        <div className='tp'>
                            <img src="../../../public/5.png" alt="" />
                        </div>
                        <div className='wz'>
                            <span>打造你的健康常青树</span>
                        </div>
                        <div className='jr'>
                            <Button onClick={()=>navigate('/home3')} type="primary">马上进入</Button>
                        </div>
                    </div>
                </Swiper.Item>

            </Swiper>


        </div>
    )
}

export default Home2